<template>
<div class="container">
    <!-- 顶部分标题栏和返回按钮 -->
    <back-topic :topic="topic"></back-topic>
    <!-- 标题栏下面的重叠的图 -->
    <img-overlapping></img-overlapping>
    <!-- 商品列表的标题部分 -->
    <goods-topic :topicHead="topicHead" :topicEnd="topicEnd"></goods-topic>
</div>
</template>

<script>
// 引入顶部的返回按钮
import BackTopic from '../commentCompontents/back-topic'
// 引入顶部标题栏下面的重叠的照片
import ImgOverlapping from '../commentCompontents/imgOverlapping'
// 引入商品列表的标题部分
import GoodsTopic from '../commentCompontents/goodsTopic'
export default {
    name: "everyDaySign",
    components: {
        BackTopic,
        ImgOverlapping,
        GoodsTopic
    },
    data() {
        return {
            topic: "有好货",
            topicHead: "为你挑选",
            topicEnd: "世间好物",
            // 控制单个商品模块标题下面的抢购数量是否显示，默认不显示
            numberShow: true,
            // 控制进度条的显示与隐藏
            barShow: false,

        }
    },
}
</script>

<style scoped>

</style>
